<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Prevent Form Refresh</title>
  </head>
  <body>
    <form id="myForm" onsubmit="handleSubmit(event)">
      <input type="text" name="name" placeholder="Enter your name" />
      <button type="submit">Submit</button>
    </form>

    <script>
      // const form = document.getElementById('myForm')

      // form.addEventListener('submit', function (event) {
      //   event.preventDefault() // 阻止默认的表单提交行为

      //   // 在这里执行你的自定义逻辑
      //   // 例如，获取表单数据并进行处理
      //   const nameInput = form.elements.name
      //   const name = nameInput.value
      //   console.log('Submitted name:', name)

      //   // 可以通过 AJAX 或其他方式将数据发送到服务器
      //   // 这里只是一个简单的示例，将数据打印到控制台
      // })
      function handleSubmit(event) {
        console.log('event', event)
        event.preventDefault()
      }
    </script>
  </body>
</html>
